<template>
  <div class="tag">
    <router-link :to="'/album/'+g.abId"><p>#{{g.abName}}</p></router-link>  
  </div>
</template>

<script>
export default {
    props:["g"],
}
</script>

<style scoped lang="less">
    .tag{
        font-size: 10px;
        position: relative;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
        height: 25px;
        border: 3px solid;
        margin-left: 5px;
        border-image: linear-gradient(90deg, #8dcf12, #f09319) 1; clip-path: inset(0 0 round 5px);
        p{
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            text-align: center;
            line-height: 25px;
    
        }
    }
</style>